<template>
	<!-- !- Navigation -->
	<div>

		<nav style="0" id="navigation" class="wf-td" bitdataaction="site_menu_container" bitdatalocation="primary">
			<ul id="main-nav" data-st="0" data-sp="0" data-fh="0" data-mw="0" data-lh="48" class="mainmenu fancy-rollovers wf-mobile-hidden bit-menu-default underline-hover position-ab-center ab-center"
			 data-bit-menu="underline-hover" data-bit-float-menu="underline-hover" data-sliderdown="sliderdown" style="text-align: center; left: -54.5px;">
				<li class=" menu-item menu-item-type-post_type menu-item-object-page bit-menu-post-id-2160 menu-item-2319 first"><a
					 href="https://58bf99f1ce269.t74.qifeiye.com/"><span>商城首页<i class="underline"></i></span></a></li>

			</ul>

		</nav>

		<ul id="menu1">

			<li class="ceng1">首页<ul>
					<li class="ceng2">新闻</li>
					<li class="ceng2">图片</li>
				</ul>
			</li>

			<li class="ceng1">用户<ul>
					<li class="ceng2">帖子</li>
					<li class="ceng2">相册</li>
				</ul>
			</li>

			<li class="ceng1">系统<ul>
					<li class="ceng2">设置</li>
				</ul>
			</li>

		</ul>
	</div>
</template>

<script>

	export default {
	  name: 'center',
	  props: {
		msg: String
	  }
	}
</script>

<style>
	#menu1 li{
		/*  去掉小圆点  */
		list-style-type:none;
		width: 50px;
		height: 20px;
		background: red;
		margin-left: 2px;
		float: left;
	}
	/* #menu1 li .ceng1 {
		color: #999999;
	}
	#menu1 li .ceng1:hover { 
		color: #ffffff;
	} */

	#menu1 li ul { 
		display: none;
	}

	#menu1 li:hover ul {
		display: block; 
	}

	.wf-td {
		display: table-cell;
		vertical-align: middle;
	}

	#main-nav.underline-hover>li>a i.underline,
	#main-nav .menu-nav>li>a i.underline {
		position: absolute;
		display: block;
		overflow: hidden;
		left: 50%;
		bottom: -5px;
		width: 0;
		height: 1px;
		opacity: 0;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	#main-nav.bit-menu-default>li.first {
		border-left: inherit-self-auto;
		box-shadow: none;
	}

	#main-nav.bit-menu-default>li {
		padding: inherit-self-auto;
		background: inherit-self-auto;
		margin: inherit-self-auto;
		border-left: inherit-self-auto;
		box-shadow: none;
		float: inherit-self-auto;
	}

	#main-nav>li:first-child {
		margin-left: 0;
	}

	#main-nav.mainmenu>li {
		display: inline-block;
		position: relative;
		z-index: auto;
		vertical-align: middle;
	}

	#main-nav>li {
		margin-left: 27.5px;
		margin-right: 27.5px;
	}

	#main-nav>li {
		margin-left: 27.5px;
		margin-right: 27.5px;
	}

	* {
		padding: 0;
		margin: 0;
	}

	li {
		display: list-item;
		text-align: -webkit-match-parent;
	}

	@media screen and (min-width: 992px) .bit-html body #header.menuPosition #navigation #main-nav,
	.bit-html body #header.menuPositionHolder .navigation-holder {
		position: relative;
		bottom: 0px;
		left: 42px;
	}

	#main-nav.bit-menu-default {
		padding: inherit-self-auto;
		border-radius: inherit-self-auto;
		border: inherit-self-auto;
		margin: inherit-self-auto;
	}

	#main-nav.bit-menu-default {
		padding: inherit-self-auto;
		border-radius: inherit-self-auto;
		border: inherit-self-auto;
		background: inherit-self-auto;
		margin: inherit-self-auto;
	}

	#main-nav {
		padding: 0px;
		line-height: 0;
	}

	dd,
	dl,
	menu,
	ol,
	ul {
		list-style: none;
		list-style-image: none;
	}

	ol,
	ul,
	dl {
		*margin-right: 0px;
	}

	* {
		padding: 0;
		margin: 0;
	}

	ul {
		display: block;
		list-style-type: disc;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 40px;
	}
</style>
